<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>比价搜索</title>
  <link rel="stylesheet" href="./fonts/font/iconfont.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/bijia.css">
</head>

<body>
  <div class="mbuy-layout">
    <!-- 头部 -->
    <div class="mbuy-header">
      <div class="logo"></div>
      <div class="app"></div>
    </div>
    <!-- 搜索 -->
    <div class="mbuy-search">
      <input type="search" id="search" placeholder="请输入你想比价的商品">
      <input type="button" value="搜索">
    </div>
    <!-- 商品详情 -->
    <div class="father">
      <!-- 导航 -->
      <div class="navbar">
        <a href="index.html">首页</a><span>></span>
        <a href="category.html">全部分类</a><span>></span>
        <a href="productlist.html">电视</a><span>></span>
        <button class="select">筛选</button>
      </div>

      <div class="infos">
        <p class="name">乐视TV(Letv) 超3 X55 55英寸智能LED液晶 超级电视 4K超清电视</p>
        <img src="./images/haitao.png" >
        <div class="poabs">
          <img src="http://www.zuyushop.com/wap/images/sc.jpg">
        </div>
      </div>

      <ul class="lists clearfix">
        <li>比价购买</li>
        <li>产品参数</li>
        <li>评论(2321)</li>
      </ul>
      <div class="shop">
        <img src="./images/haitao.png" >
        <span class="jd">京东商城</span>
        <a href="#" class="buy">去购买</a>
        <span class="pic">￥1221</span>
      </div>
      <p class="note">* 实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟。
      </p>
    </div>
    <!-- 评论 -->
    <div class="comment">
      <h4>网友评价</h4>
      <ul class="com-list">
        <li>
          <p class="clearfix"><span class="author">作者</span><span class="time">时间</span></p>
          <p class="from">购买自: 苏宁易购</p>
          <p class="message">特意使用一段时间才来评论。我客观地阐述下它的优点与缺点:外观的确高颜值，曲面屏结合背面的铝镁合金后盖很漂亮很有档次，周边无任何缝隙，绝佳的握持手感，至于官方参数说采用三星的Super AMOLED屏幕，分辨率为2560*1440，但显示效果没有三星手机的细腻，不过比起其它多数国产手机算是略胜一筹，观看超高清壁纸还是很清晰的，色彩偏暖，比那些颜色偏冷的屏幕更讨好眼睛。拍照方面后置索尼高端1600万像素摄像头，表现并非宣传的那么优秀，白天户外光线充足的条件下拍下的照片还是不错，一旦光线较弱的环境画质明显下降，噪点严重！前置800万三星摄像头在光线好的情况下自拍非常清晰。听歌音质确实不错，但要配上好的耳机或音响才能相得益彰！操作方面很是流畅，暂时无任何卡顿，不过用久了就不知道了！作为一款年度旗舰机，售价3698，采用的却是高通骁龙中端处理器，主频1.8GHz，而系统是Android OS 5.1，显得不够诚意。后置指纹识别很方便，很灵敏，解锁比水果的还快！电池充电很快，只须一小时十多分充满，3600mAh续航时间还不错，只要不是重度使用，两天是没问题的。总体还算不错，就是售价略高！</p>
        </li>
      </ul>
    </div>


    

    <!-- 底部 -->
    <div class="mbuy-footer">
      <ul>
        <li>登录</li>
        <li>注册</li>
        <li class="goTop"><img src="http://www.zuyushop.com/wap/images/top.jpg">返回顶部</li>
      </ul>
      <p><a href="#" class="mobile">手机APP下载</a> <a href="index.html">慢慢买手机版</a><span>-- 掌上比价平台</span></p>
      <p>m.manmanbuy.com</p>
    </div>
  </div>
</body>
<!-- 商品详情模板 -->
<script type="text/html" id="tmp">
  {{each result v i}}
  <div class="navbar">
      <a href="index.html">首页</a><span>></span>
      <a href="category.html">全部分类</a><span>></span>
      <a href="productlist.html">{{v.productName.split(' ')[0]}}</a><span>></span>
      <button class="select">筛选</button>
    </div>

    <div class="infos">
      <p class="name">{{v.productName}}</p>
      {{@ v.productImg}}
      <div class="poabs">
        <img src="http://www.zuyushop.com/wap/images/sc.jpg">
      </div>
    </div>

    <ul class="lists clearfix">
      <li>比价购买</li>
      <li>产品参数</li>
      <li>评论(2321)</li>
    </ul>
    <div class="shop">
      {{@ v.bjShop}}
      
    </div>
    <p class="note">* 实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟。
    </p>
  </div>
  {{/each}}
</script>

<script type="text/html" id="tmp2">
  {{each result v i}}
  <li>
      <p class="clearfix"><span class="author">{{v.comName}}</span><span class="time">{{v.comTime}}</span></p>
      <p class="from">{{v.comFrom}}</p>
      <p class="message">{{v.comContent}}</p>
    </li>
  {{/each}}
</script>


<script src="./lib/artTemplate/template-web.js"></script>
<script src="./lib/jquery/jquery.min.js"></script>
<script src="./js/common.js"></script>
<script src="./js/bijia.js"></script>
</html>